<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品中心</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/product.css"/>
	</head>
	<body>
		<!--head头部-->
		<div class="head mg">
			<!--logo标志-->
			<div class="logo">
				<a href="index.html">
					<img src="img/logo.png"/>
					<span>嘉航机电设备有限公司</span>
					<b>JIA HANG JI DIAN</b>
				</a>
			</div>
			<!--电话call-->
			<div class="call">
				<img src="img/cell.png"/>
				<p>免费咨询热线:<span>0577-88888888</span></p>
			</div>
		</div>
		<!--nav导航-->
		<div class="nav">
			<ul>
				<li><a href="index.html">首页</a></li>
				<li><a href="about_us.html">公司介绍</a></li>
				<li><a href="news.html">新闻中心</a></li>
				<li><a class="current" href="product.html">产品中心</a></li>
				<li><a href="contact_us.html">联系我们</a></li>
				<form action="" method="post">
					<input class="text" type="text" value=" " />
					<input class="submit" type="submit" value=" "/>
				</form>
			</ul>
			
		</div>
		<!--banner轮播-->
		<div class="banner">
			<div class="hd">
				<ul>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
			<div class="bd">
				
				<ul>
					<li style="background:url(img/banner_01.png) no-repeat center top ;"></li>
					<li style="background:url(img/banner-2.PNG) no-repeat center top ;"></li>
					<li style="background:url(img/banner-3.PNG) no-repeat center top ;"></li>
				</ul>
			</div>
		</div>
		<!--title标题-->
		<div class="position">
			<div class="location mg">
				<h1>产品中心<span>PRODUCT</span></h1>
				<p>当前位置：<a href="index.html">首页</a>><span>产品中心</span></p>
			</div>
		</div>
		<div class="content mg">
			<!--subnav 侧导航-->
			<div class="sidebar">
				<ul>
					<li><a class="active" href="#"><img src="img/sanjiao.png"/> 打印机</a></li>
					<li><a href="#"><img src="img/sanjiao.png"/> 彩印机</a></li>
					<li><a href="#"><img src="img/sanjiao.png"/> 喷绘机</a></li>
				</ul>
					<a href="contact_us.html"><img src="img/lxwm.png"/></a>
					<a href="news.html"><img src="img/xwzx.png"/></a>
			</div>
			<!--product产品内容-->
			<div class="main">
				<ol>
					<li>
						<a href="pro_details.html"><img src="img/dyji.png"/></a>
						<p><a href="pro_details.html">打印机</a></p>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/dyji2.png"/></a>
						<p><a href="pro_details.html">打印机</a></p>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/dyji3.png"/></a>
						<p><a href="pro_details.html">打印机</a></p>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/dyji.png"/></a>
						<p><a href="pro_details.html">打印机</a></p>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/dyji2.png"/></a>
						<p><a href="pro_details.html">打印机</a></p>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/dyji3.png"/></a>
						<p><a href="pro_details.html">打印机</a></p>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/dyji.png"/></a>
						<p><a href="pro_details.html">打印机</a></p>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/dyji2.png"/></a>
						<p><a href="pro_details.html">打印机</a></p>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/dyji3.png"/></a>
						<p><a href="pro_details.html">打印机</a></p>
					</li>
				</ol>
				<!--pagin翻页-->
				<div class="page">
					<a href="#">首页</a>
					<a href="#">上一页</a>
					<ul>
						<li><a class="on" href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">...</a></li>
					</ul>
					<a href="#">下一页</a>
					<a href="#">尾页</a>
					<p>
						跳转 <input type="text"value=" " /> 页
						<a href="#">GO</a>
					</p>
				</div>	
			</div>
		</div>
		<!--footer底部-->
		<div class="footer">
			<div class="bot-ul mg">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="about_us.html">公司介绍</a></li>
					<li><a href="news.html">新闻中心</a></li>
					<li><a href="product.html">产品中心</a></li>
					<li><a href="contact_us.html">联系我们</a></li>
				</ul>
			</div>
			<p>版权所有：嘉航机电设备有限公司   备案号：   666666</p>
		</div>
	</body>
	<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.SuperSlide.2.1.1.js"></script>
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
</html>

